import {useIntersectionObserver} from '@vueuse/core'

export default {
    install: (app: any) => {
        // 在这里编写插件代码
        app.directive('lazy-img', {
            mounted(el: HTMLElement, binding: any) {
                useIntersectionObserver(
                    el,// 监听元素
                    ([{isIntersecting}]) => {
                        // 图片进入可视区域
                        if (isIntersecting) {
                            el.src = binding.value
                        }
                    },
                )
            }
        })
    }
}